<template>
  <div class="container-scroll">
    <div>
      <div class="topbar ubb_1px">
        <div class="df-c h44 bcFFF">
          <div
            class="df1 tx-c df-c c999"
            v-for="item in tabList"
            @click="chooseTab(item.id)"
            :key="item.id"
          >
            <div
              class="lh20"
              :class="currentTab == item.id ? 'theme-ubb theme-color' : ''"
            >{{item.name}}</div>
          </div>
        </div>
      </div>
      <div>
        <span>全部</span><span></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      tabList: [
        //  普通订单状态
        { id: 0, name: "线上订单" },
        { id: 1, name: "线下订单" },
      ],
      currentTab:0,
    }
  },
methods:{
  chooseTab(id){
    this.currentTab = id
  }
}
}
</script>

<style>

</style>